import { RouteObject } from 'react-router-dom';
import { lazy } from 'react';
// import { DashboardOutlined } from '@ant-design/icons';
const Dashboard = lazy(() => import('@/pages/Dashboard'));
const PageEditor = lazy(() => import('@/pages/PageEditor'));

export type RouterTypes = RouteObject & {
  name: string;
  hideInMenu?: boolean;
  menuRender?: boolean;
  icon?: React.ReactNode;
}

const routes: RouterTypes[] = [
  {
    name: 'dashboard',
    path: '/',
    // hideInMenu: true,
    element: <Dashboard />,
    // icon: <DashboardOutlined />
  },
  {
    name: 'Page Editor',
    path: '/page-builder',
    menuRender: false,
    element: <PageEditor />,
  },
];

export default routes;